<!doctype html>
<html><head>
	<!-- Basic Page Needs -->
        <meta charset="utf-8">
        <title>Appcorner - About</title>
        <meta name="description" content="A Template by Gozha.net">
        <meta name="keywords" content="HTML, CSS, JavaScript">
        <meta name="author" content="Gozha.net">

    
    <!-- Mobile Specific Metas-->
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="telephone=no" name="format-detection">
    
    <!-- Fonts -->
        <!-- SourceSansPro -->
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic' rel='stylesheet' type='text/css'>
        <!-- Icomoon -->
        <link href="css/icomoon.css" rel="stylesheet" />
        <!--  Font awesome 4-->
        <link href="css/font-awesome.css" rel="stylesheet" />
    
    <!-- Stylesheets -->
    	
        <!-- Bootstrap 3 -->
    	<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" />
        <!-- Mobile navigation menu-->
        <link href="css/gozha-nav.css" rel="stylesheet" />

    <!-- Page specific Stylesheets-->
        <!-- bxSlider CSS file -->
        <link href="css/jquery.bxslider.css" rel="stylesheet" />
        <!-- Swiper slider -->
        <link rel="stylesheet" href="css/idangerous.swiper.css">

        
        <!-- Custom -->
        <link href="css/base.css?v=1" rel="stylesheet" />
        <link href="css/style.css?v=1" rel="stylesheet" />
		
		<!-- Basic JavaScript-->
		<!-- Modernizr -->
		<script src="js/modernizr.custom.05768.js"></script>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
    	<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>		
    <![endif]-->
 
</head>

<body class='about'>
    <div class='wrapper'>
        <header class='header'>
            <div class='container'>
                <p class='call-number'>You can just call us <span>+1-888-555-5555</span></p>
                <!-- social icon -->
                <ul class='social-icon pull-right'>
                    <li><a href="#"><i class='icon-instagram'></i></a></li>
                    <li><a href="#"><i class='icon-dribbble'></i></a></li>
                    <li><a href="#"><i class='icon-tumblr'></i></a></li>
                    <li><a href="#"><i class='icon-linkedin'></i></a></li>
                    <li><a href="#"><i class='icon-pinterest'></i></a></li>
                    <li><a href="#"><i class='icon-googleplus'></i></a></li>
                    <li><a href="#"><i class='icon-facebook'></i></a></li>
                    <li><a href="#"><i class='icon-twitter'></i></a></li>
                </ul><!-- end of social icon list -->

                <div class='top-navigation'>
                  <div class="navigation-front">
                    <a href="index.html" class='logo'>AppCorner</a>
                    <div id="navigation-box">
                        <a href="#" id="navigation-toggle">
                            <span class="menu-icon"></span>
                        </a> 
                        <ul id="navigation" class="hover-link">
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#" data-hover='Home'>Home</a>
                                <ul>
                                    <li><a href="homepage1.html">Revolution Slider</a></li>
                                    <li><a href="homepage2.html">OneByOne Slider</a></li>
                                    <li><a href="homepage3.html">BxSlider</a></li>
                                    <li><a href="homepage4.html">FlexSlider</a></li>
                                    <li><a href="full-width-slider.html">Full Width</a></li>
                                    <li><a href="index.html">Video Slider</a></li>

                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#" data-hover='Pages' class='active'>Pages</a>
                                <ul>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="single-employee.html">Single employee</a></li>
                                    <li><a href="service.html">Services</a></li>
                                    <li><a href="single-service.html">Single service</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="page-element.html">Page elements</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="icon-font-1.html">Icons - Font awesome</a></li>
                                    <li><a href="icon-font-2.html">Icons - Icomoon</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="support.html">Support</a></li>
                                    <li><a href="coming-soon.html">Coming soon</a></li>
                                    <li><a href="404.html">404 error</a></li>

                                </ul>
                            </li>

                            <li class="visible-lg">
                               <span class="sub-nav-toggle plus"></span>
                               <a href="#" data-hover='Mega Menu'>Mega Menu</a>
                               <ul class="mega-menu">
                                  <li class="col-md-6">
                                    <div class="mega-menu-text">
                                        <h4>About Us</h4>
                                        <div class="image-wrap">
                                           <img alt='' src="http://placehold.it/420x420">
                                        </div>
                                        <div>
                                            <p>Morbi sit amet erat ut purus sagittis rutrum. Quisque ac porttitor massa. Maecenas sem magna, dignissim eu venenatis nec, cursus quis massa. 
                                                <br>
                                                <br>
                                            Sed et est tempor mi mollis suscipit sit amet et nulla. Morbi fringilla, quam eget blandit ornare, ipsum metus volutpat felis, eget cursus eros nulla nec purus.</p>        
                                        </div>
                                      </div>
                                  </li>
                                  <li class="col-md-6">
                                    <div class="mega-menu-item">
                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Pages</h4></li>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="single-employee.html">Single employee</a></li>
                                        <li><a href="service.html">Services</a></li>
                                        <li><a href="single-service.html">Single service</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="page-element.html">Page elements</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="empty"><div></div></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="icon-font-2.html">Icons</a></li>
                                        <li><a href="coming-soon.html">Coming soon</a></li>
                                        <li><a href="404.html">404 error</a></li>
                                        <li><a href="login.html">Login</a></li>
                                        <li><a href="support.html">Support</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Gallery</h4></li>
                                        <li><a href="gallery-random.html">Random</a></li>
                                        <li><a href="gallery-three-columns.html">3 columns</a></li>
                                        <li><a href="gallery-two-columns.html">2 columns</a></li>
                                      </ul>

                                      <ul class="col-md-3">
                                        <li class="heading"><h4>Blog</h4></li>
                                        <li><a href="blog-style-one.html">Style 1</a></li>
                                        <li><a href="blog-style-two.html">Style 2</a></li>
                                        <li><a href="blog-style-three.html">Style 3</a></li>
                                        <li><a href="single-post.html">Post</a></li>
                                        <li><a href="single-post-two.html">Post style 2</a></li>
                                      </ul>
                                      </div>
                                  </li>
                               </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="gallery-random.html" data-hover='Gallery'>Gallery</a>
                                <ul>
                                    <li><a href="gallery-random.html">Gallery random</a></li>
                                    <li><a href="gallery-three-columns.html">Gallery 3 columns</a></li>
                                    <li><a href="gallery-two-columns.html">Gallery 2 columns</a></li>
                                    <li><a href="gallery-three-columns-iso.html">Gallery 3 columns sorted</a></li>
                                    <li><a href="gallery-two-columns-iso.html">Gallery 2 columns sorted</a></li>
                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="blog-style-one.html" data-hover='Blog'>Blog</a>
                                <ul>
                                    <li><a href="blog-style-one.html">Blog style 1</a></li>
                                    <li><a href="blog-style-two.html">Blog style 2</a></li>
                                    <li><a href="blog-style-three.html">Blog style 3</a></li>
                                    <li><a href="blog-audio.html">Audio blog</a></li>
                                    <li><a href="blog-video.html">Video blog</a></li>
                                    <li><a href="single-post.html">Single post</a></li>
                                    <li><a href="single-post-two.html">Single post style 2</a></li>
                                </ul>
                            </li>

                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="shop-sidebar.html" data-hover='Shop'>Shop</a>
                                <ul>
                                    <li><a href="shop-sidebar.html">Shop with sidebar</a></li>
                                    <li><a href="shop-full.html">Shop fullwidth</a></li>
                                    <li><a href="single-product-sidebar.html">Single product sidebar</a></li>
                                    <li><a href="single-product-full.html">Single product fullwidth</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="shopping-cart.html">Shopping cart</a></li>
                                </ul>
                            </li>
                            
                            <li><a href="contact.html" data-hover='Contact'>Contact</a></li>
                        </ul>
                  </div>
                </div>
              </div>

                <div class='main-zone'>
                    <div class="corner"></div>
                    <div class='corner-line'></div>

                   <div class='current-page'>
                      <hr class="top-devider" />
                        <h1>About</h1>
                        <ol class="breadcrumb">
                          <li><a href="index.html">home</a></li>
                          <li class="active">about</li>
                        </ol>
                   </div>
                </div>
            </div>
        </header>

        <section class='container waypoint' data-animate-up="nav-strict" data-animate-down="nav-show">
            <div class='intro'>
                <div class='col-sm-6 col-md-6 col-lg-6'>
                    <div class='intro-holder'>
                        <img alt='' src="http://placehold.it/900x600">
                    </div>
                </div>
                <div class='col-sm-12 col-md-12 col-lg-12'>
                    <div class="intro-text">
                        <h5>You’re welcome to appcorner</h5>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque libero a ante viverra vel scelerisque orci tristique. Nullam nisl massa, ullamcorper id condimentum porta, cursus a lorem. Mauris gravida ipsum vitae libero molestie eget dignissim ipsum egestas. Quisque in eros id velit molestie placerat a ut arcu.
                        <br />
                        <br />  
                        Etiam consequat, turpis ac commodo rhoncus, justo enim consequat tortor, vitae interdum odio tellus at sem. Aliquam lacus quam, lobortis sed lacus eget, commodo volutpat nunc. Proin accumsan diam vel nulla ultrices congue. Praesent ut lacus a elit adipiscing venenatis sed id quam.
                        <br />
                        <br />  
                        Commodo rhoncus, justo enim consequat tortor, vitae interdum odio tellus at sem. Aliquam lacus quam, lobortis sed lacus eget, commodo volutpat nunc. Proin accumsan diam vel nulla ultrices congue. Praesent ut lacus a elit adipiscing venenatis sed id quam.</p>
                    </div>
                </div>
            </div>

            <div class='devider'></div>
        </section>

        <section class="container staff-slider"> 
                <div class="">
                <div class="col-md-12 col-lg-12">
                    <h2>Meet our team</h2>
                </div>
                
                <div class="slider-wrapper">
                    <a class="arrow-left" href="#"></a> 
                    <a class="arrow-right" href="#"></a>

                    <div class="swiper-container">
                      <div class="swiper-wrapper">
                          <!--First Slide-->
                          <div class="swiper-slide front-employee-first fadeInLeft"> 
                                <a href="single-employee.html">
                                    <img alt='' src="http://placehold.it/480x480" />
                                    <h4>Alison Stone</h4>
                                    <div class='separator'>
                                        <div class="left-sepr"></div>
                                        <div class="right-sepr"></div>
                                    </div>
                                    <small>Co-founder</small>
                                </a>
                          </div>
                          
                          <!--Second Slide-->
                          <div class="swiper-slide front-employee-second fadeInUp">
                                <a href="single-employee.html">
                                        <img alt='' src="http://placehold.it/480x480" />
                                        <h4>Sebastian Miller</h4>
                                        <div class='separator'>
                                            <div class="left-sepr"></div>
                                            <div class="right-sepr"></div>
                                        </div>
                                        <small>Co-founder</small>
                                </a>
                          </div>
                          
                          <!--Third Slide-->
                          <div class="swiper-slide front-employee-third fadeInRight"> 
                                <a href="single-employee.html">
                                    <img alt='' src="http://placehold.it/480x480" />
                                    <h4>Melissa Thomson</h4>
                                    <div class='separator'>
                                        <div class="left-sepr"></div>
                                        <div class="right-sepr"></div>
                                    </div>
                                    <small>Co-founder</small>
                                </a>
                          </div>

                          <!--Four Slide-->
                          <div class="swiper-slide"> 
                                <a href="single-employee.html">
                                        <img alt='' src="http://placehold.it/480x480" />
                                        <h4>Melissa Thomson</h4>
                                        <div class='separator'>
                                            <div class="left-sepr"></div>
                                            <div class="right-sepr"></div>
                                        </div>
                                        <small>Co-founder</small>
                                    </a>
                          </div>

                          <!--Five Slide-->
                          <div class="swiper-slide"> 
                                <a href="single-employee.html">
                                    <img alt='' src="http://placehold.it/480x480" />
                                    <h4>Alison Stone</h4>
                                    <div class='separator'>
                                        <div class="left-sepr"></div>
                                        <div class="right-sepr"></div>
                                    </div>
                                    <small>Co-founder</small>
                                </a>
                          </div>

                          <!--Six Slide-->
                          <div class="swiper-slide"> 
                                <a href="single-employee.html">
                                    <img alt='' src="http://placehold.it/480x480" />
                                    <h4>Sebastian Miller</h4>
                                    <div class='separator'>
                                        <div class="left-sepr"></div>
                                        <div class="right-sepr"></div>
                                    </div>
                                    <small>Co-founder</small>
                                </a>
                          </div>
                      </div>
                    </div>

                </div>
            </div>

            </section>

            <section class="container">
            <div class='devider staff-devider'></div>
        
            <div class="our-clients">
                <div class="col-md-12 col-lg-12">
                    <h2>our clients</h2>
                </div>

                <div class="client-grid col-md-8 col-lg-8">
                   
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                   
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>

                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                        <a href="#"><img alt='' src="http://placehold.it/150x100"></a>
                    
                </div>

                <div class="client-testimonial col-md-4 col-lg-4">
                    <div class='works-decript fadeInRight'>
                        <h3>Latest testimonial</h3>

                        <ul class='client-says'>
                            <li>
                                <div class="image-holder">
                                    <img src="http://placehold.it/60x60" alt="">
                                </div>
                                <p class="name">Jane MacFerson</p>
                                <p class="organization">themeforest.net</p>
                                <p class="message">“Cras scelerisque libero a ante viverra vel scelerisque orci tristique. Nullam nisl massa, ullamcorper id condimentum porta, cursus a lorem. ”</p>
                            </li>
                            <li>
                                <div class="image-holder">
                                    <img src="http://placehold.it/60x60" alt="">
                                </div>
                                <p class="name">Tonny Kant</p>
                                <p class="organization">graphicriver.net</p>
                                <p class="message">“Nunc eget mauris quis nulla condimentum semper vitae et mauris. Donec vitae nisi eget arcu sagittis ultricies et vel mi. Sed condimentum condimentum sapien.”</p>
                            </li>
                            <li>
                                <div class="image-holder">
                                    <img src="http://placehold.it/60x60" alt="">
                                </div>
                                <p class="name">Fred Montgomery</p>
                                <p class="organization">audiojungle.net</p>
                                <p class="message">“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut auctor elit id elit tristique ultrices bibendum ante tempor. Vivamus sapien mauris, tempor ut tempor.”</p>
                            </li>
                            
                        </ul>
                    </div>
                    
                </div>

            </div>

            <div class='devider'></div>

            <div class="achievements">
                <div class="col-md-12 col-lg-12">
                    <h2>Our achievements</h2>
                </div>

                <div class="col-sm-6 col-md-6 col-lg-6">
                    <div class="left-side">
                        <div class="achievement-item  scale">
                            <div class="achive-count" data-result="143" data-value="143">0</div>
                            <div class="achive-dectipt">Successful projects</div>
                        </div>
                        <div class="achievement-item  scale">
                            <div class="achive-count" data-result="2567" data-value="256">0</div>
                            <div class="achive-dectipt">Work hours</div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-6 col-lg-6">
                    <div class="right-side">
                        <div class="achievement-item  scale">
                            <div class="achive-count" data-result="100" data-value="100">0</div>
                            <div class="achive-dectipt">Happy clients</div>
                        </div>
                        <div class="achievement-item  scale">
                            <div class="achive-count" data-result="8k" data-value="180">0</div>
                            <div class="achive-dectipt">Social followers</div>
                        </div>
                    </div>
                </div>

                <p class="col-md-12 col-lg-12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque libero a ante viverra vel scelerisque orci tristique. Nullam nisl massa, ullamcorper id condimentum porta, cursus a lorem. Mauris gravida ipsum vitae libero molestie eget dignissim ipsum egestas. Quisque in eros id velit molestie placerat a ut arcu. 
                Etiam consequat, turpis ac commodo rhoncus, justo enim consequat tortor, vitae interdum odio tellus at sem. Aliquam lacus quam, lobortis sed lacus eget, commodo volutpat nunc. Proin accumsan diam vel nulla ultrices congue. Praesent ut lacus a elit adipiscing venenatis sed id quam.</p>

            </div>

            <div class='devider'></div>

            <div class='promobox-two'>
                <p class='promo  show'>Check appcorner here </p>
                <hr />
                <button type="button" class="btn btn-success btn-lg promo-btn icon-circled-right btn-animate scale">live demo</button>
            </div>
        
        </section>

        <footer class='footer'>
            <div class='container'>
                <div class='col-sm-8 col-md-8 col-lg-8'>
                    <h2>Contact info</h2>
                    <p class="footer-info">Vivamus vel lacus eu nunc vehicula ultricies vel vulputate dui. Mauris vehicula mollis mi. Quisque aliquam porta magna, at bibendum magna tempor eget. Donec consequat ipsum in nibh consequat id suscipit libero bibendum. Sed elementum imperdiet magna, convallis dapibus turpis ultricies eu.</p>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-location'></i>Address</h4>
                        <p>V101 West Street, New
                        <br/> 
                        York, NY 12345</p>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-mail'></i>Email</h4>
                        <p>
                        appcorner@gmail.com
                        <br/> 
                        help@appcorner.com</p>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-3 col-lg-3 contact-info'>
                        <h4><i class='icon-mobile'></i>Phone</h4>
                        <p>+ 44 1225 324 980
                        <br/> 
                        + 44 1225 324 980</p>
                    </div>
                   
                    <div class='col-sm-12 col-md-12 col-lg-12'>
                        <ul class='social-icon pull-left'>
                            <li><a href="#"><i class='icon-instagram'></i></a></li>
                            <li><a href="#"><i class='icon-dribbble'></i></a></li>
                            <li><a href="#"><i class='icon-tumblr'></i></a></li>
                            <li><a href="#"><i class='icon-linkedin'></i></a></li>
                            <li><a href="#"><i class='icon-pinterest'></i></a></li>
                            <li><a href="#"><i class='icon-googleplus'></i></a></li>
                            <li><a href="#"><i class='icon-facebook'></i></a></li>
                            <li><a href="#"><i class='icon-twitter'></i></a></li>
                        </ul>
                    </div>
                </div>

                <div class='col-sm-4 col-md-4 col-lg-4 mobile-clear'>
                    <h2>Drop us a line</h2>
                    <!-- contact form inputs-->
                    <form id="contact-form" novalidate="" name="contact-form" method="post" >
                        <input type='email' name='user-email' placeholder='Email'>
                        <textarea name="user-message" placeholder="Message"></textarea>
                        <button type="submit" class='btn btn-large btn-success btn-form icon-circled-right btn-animate'>submit</button>
                    </form><!-- end contact form inputs -->
                </div>

                <div class='clearfix'></div>
                <div class='devider'></div>

                <p class='copy'>© Appcorner, 2013. All rights reserved. Done by Olia Gozha</p>

            </div>
        </footer>
    </div>

    <!-- JavaScript-->
        <!-- jQuery 1.9.1--> 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script>
        <!-- Bootstrap 3--> 
        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
        <!-- Mobile navigation menu-->
        <script src="js/jquery.mobile.menu.js"></script>
        <!-- Event that will trigger when the element is scrolled in to the viewport.--> 
        <script type="text/javascript" src="js/jquery.inview.js"></script>
        <!-- Form -->
        <script src="js/jquery.form.js"></script>
        <!-- Waypoint -->
        <script src="js/waypoints.min.js"></script>

    <!-- Page specific scritpts-->
        <!-- bxSlider Javascript file -->
        <script src="js/jquery.bxslider.js"></script>
        <!-- Swiper slider -->
        <script src="js/idangerous.swiper-2.4.js"></script>


        <!-- Custom -->
        <script src="js/custom.js"></script>


        <script type="text/javascript">
            $(document).ready(function() {
                initAbout();
            });
        </script>

</body>